<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />-->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" href="../../ht-css/replaceAddress/addAddress.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <title>添加物流配送范围</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span> 发货仓及运送方式<span class="c-gray en">&gt;</span>运送方式<span class="c-gray en">&gt;</span>添加物流配送范围<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="coupon-add">
        <div class="bg-1 bk-gray">
            <div class="bg-1 pd-20 mb-20">
                <table class="table-hover mb-10 table">
                    <thead class="text-l">
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-85 lh-30"><em>*</em>发货仓：</label>
                                <select id="areaSelect" class="select radius ml-10 f-l" style="width:20%;height:30px;" size="1">
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-85 lh-30"><em>*</em>运送方式：</label>
                                <select class="select radius ml-10 f-l" style="width:20%;height:30px;" size="1" id="typeWay">

                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1">
                            <div class="row">
                                <label class="form-label f-l text-r w-85 lh-26"><em>*</em>覆盖范围：</label>
                                <div class="formControls f-l ml-10 lh-26">
                                    <span class="mr-40"><input name="allArea" id="allArea" class="mr-5 radio" type="radio" value="0">全国</span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-2-1">
                           <div class="row f-l ml-80" id="xfslogis">
                               <ul class="bk-gray w-250 il-b radius text-l pd-10"  id="cityList">
                               </ul>
                               <a class="ml-5 update" onclick="updateArae(this)">编辑</a>
                           </div>
                        </td>
                    </tr>
                    </thead>
                </table>
                <div class="text-c mt-40">
                    <input type="button" id="saveNew" class="btn btn-secondary radius size-S" value="保&nbsp;&nbsp;存">
                    <input id="cancel" type="reset" class="btn radius size-S ml-10" value="取&nbsp;&nbsp;消">
                </div>
            </div>
        </div>
    </form>


    <!----------------------------------------------编辑运送地区--------------------------------------------------------------->
    <div id="dizhi" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
        <div class="modal-dialog">
            <div class="modal-content radius" style="height:500px;width:600px;top:50px;">
                <div class="modal-header"  >
                    <h3 class="modal-title"><b class="addressTitle">新增</b></h3>
                    <a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                </div>
                <input type="hidden" class="ship_add_id">

                <div class="clearfix"  id="app">
                    <div class="clearfix area mt-40">
                        <label class="replaceorder_lable w4">运送到：</label>
                        <div class="commonArea f-l mr-20">
                            <div class="area_box">
                                <div class="inp_area radius" @click="isAreaShow">
                                    <div class="inp_area_box">
                                    <span id="notVueBox" class="divHide">
                                        <span id="provinceName">请选择收货区域</span>
                                        <span id="cityName"></span>
                                        <span id="countyName"></span>
                                        <span id="villageName"></span>
                                    </span>
                                        <span id="vueBox" class="divHide" style="display: none;">
                                        <span id="vueProvinceName">{{provinceName}}</span>
                                        <span id="vueCityName">{{cityName}}</span>
                                        <span id="vueCountyName">{{countyName}}</span>
                                        <span id="vueVillageName">{{villageName}}</span>
                                        <div style="display: none;">
                                            <span id="provinceId">{{provinceId}}</span>
                                            <span id="cityId">{{cityId}}</span>
                                            <span id="countyId">{{countyId}}</span>
                                            <span id="villageId">{{villageId}}</span>
                                        </div>
                                    </span>

                                    </div>
                                </div>
                                <div class="area_box" v-show="areaShow">
                                    <div class="area_list">
                                        <div class="tab clearfix">
                                            <span style="margin-left:10px;" v-show="areaTab1" :class="{curr: isCurr1}" @click="getArea(1,tabArea1,provinceId)">{{tabArea1}}</span>
                                            <span v-if="areaTab2" :class="{curr: isCurr2}" @click="getArea(2,tabArea2,cityId)" >{{tabArea2}}</span>
                                            <span v-else :class="{curr: isCurr3}" style="color:#999;">{{tabArea2}}</span>
                                            <span v-else>{{tabArea3}}</span>
                                        </div>
                                        <a @click="isAreaShow" class="close">关闭</a>
                                        <ul class="list clearfix">
                                            <span v-for="(area,key) in areas" :key='key'>
                                              <li @click="getArea(area.level,area.name,area.code,area.warehouse_code,area.address_id)"><span>{{area.name}}</span></li>
                                            </span>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-c pos-a" style="bottom:30px;left:40%;"><a onclick="saveCity()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_modelweight()" class="btn radius size-L ml-10">取消</a></div>
            </div>
        </div>
    </div>


</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script src="../../ht-js/coupon/coupon-topic.js?rev=@@hash"></script>
<!--地址添加js-->
<script type="text/javascript" src="../../ht-js/vue.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/transportWay/logisticsCityVue.js?rev=@@hash"></script>

<script src="../../ht-js/transportWay/logisticsRange-add.js?rev=@@hash"></script>

<script>
    $(function () {
        getAllDC(); //加载发货仓
    })


    function close_modelweight() {
        $("#dizhi").modal("hide");
    }
</script>

</body>
</html>